<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt_BR"> 

	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="author" content="" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
		<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
		<script src="js/controller.js"></script>
		<!--[if lt IE 7.]> 
		<script defer type="text/javascript" src="js/pngfix.js"></script> 
		<![endif]-->
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<title>Insite - Acadêmico</title>

	</head>

	<body class="container_12">

		<div id="wrapper" class="grid_12">
		
			<div id="topo">
				<div id="login">
					<a id="creative" rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt_BR"><img alt="Licença Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/80x15.png" /></a>
					<ul>
						<li><a href="#" title="">login</a></li>
						<li><a href="#" title="">cadastrar-se</a></li>
					</ul>
					
				</div>
				
				<div id="logo">
					<a href="#" title="">
					<img src="images/logo-insite.png" />					
					</a>
				</div>
				
				<div id="busca">
					<div id="caixa">
					<form>
						<input name="s" type="text" id="url" class="s" value="Pesquisar no site" onfocus="if(this.value == 'Pesquisar no site') { this.value = ''; }"></input>
						<input type="submit" id="lupa" title="buscar"></input>
					</form>
					</div>
				</div>
				
				<ul id="menu">
					<li><a href="#" title="">O Insite Acadêmico</a></li>
					<li><a href="#" title="">Diretrizes Científicas</a></li>
					<li><a href="#" title="">Contato</a></li>
					<li><a href="#" title="">Envie seu Artigo</a></li>
				</ul>
			</div> <!-- fim do topo -->
			
			<div id="bloco-inicial">
                <div id="icone1" class="icones">  
					<a href="#">
						<img src="images/trabalho-cientifico2.jpg">
						<p>Trabalho Científico</p>
					</a>
                </div>
               <div id="icone2" class="icones">  
					<a href="#">   
						<img src="images/metodologia-estudo2.jpg">    
						<p>Metodologia de Estudo</p>   
					</a>					
                </div>
                 <div id="icone3" class="icones">     
					<a href="#">
						<img src="images/apresentacao-trabalhos2.jpg">  
						<p>Apresentação de Trabalhos</p>            
					</a>
                </div>
                 <div id="icone4" class="icones">  
					<a href="#">    
						<img src="images/pesquisa-academica2.jpg">      
						<p>Pesquisa Científica</p>       
					</a>
                </div>
				
                <div id="sobre-icone1" class="sobre">     
					<h1>Artigos Dissertações e Projetos</h1>
					<p>Platea amet aliquam eu! Cursus a, vut aliquam, placerat, turpis pulvinar? Tristique? Adipiscing tincidunt phasellus arcu, mus! Montes penatibus sit, pulvinar risus! Sagittis elit enim ultricies eros tempor turpis lundium. Arcu eros pulvinar, vel amet facilisis, placerat urna nec est massa tincidunt? Ridiculus a tristique, tempor elementum, scelerisque. Vut dolor, mauris ultrices. Placerat ac pellentesque. Massa sit tempor rhoncus nisi! Et amet nisi! Mauris. Odio, pellentesque massa ridiculus tincidunt aliquam, porttitor, adipiscing, ac!</p>
                </div>
                <div id="sobre-icone2" class="sobre">     
					<h1>Estude mais e melhor</h1>
					<p>Augue massa a elementum ac, rhoncus velit rhoncus in? Diam ut! Pid integer tristique mus sed duis turpis amet, in dignissim porttitor augue placerat adipiscing lorem vut egestas velit tincidunt, platea! Est vel augue ridiculus. Augue adipiscing porta augue, scelerisque sed! Ut vut aliquet, pid proin nunc! Nascetur a urna magnis ac ac et?</p>
                </div>
                <div id="sobre-icone3" class="sobre">     
					<h1>Mantenha sua plateia acordada</h1>
					<p>Elit. Velit? Phasellus magna nunc aenean elementum quis ut, et elementum penatibus et, nec nec lacus, et pulvinar porta phasellus turpis diam porta! Penatibus a magna. A et sit. Porttitor in aenean. Dignissim tempor arcu nisi dolor rhoncus ultricies magnis amet platea phasellus elementum, scelerisque cras dis! Amet sit arcu dignissim parturient quis nisi dignissim, ut!</p>
              </div>
                <div id="sobre-icone4" class="sobre">      
					<h1>Por onde começar?</h1>
					<p>Pulvinar duis, sed vel magna a aenean! Dictumst platea, porta enim! Nunc ut sagittis scelerisque, sed scelerisque sit cras dis a nunc aenean eu velit adipiscing sed porta! Urna odio scelerisque adipiscing. Tincidunt. Scelerisque! Eros aliquam. Scelerisque dis cursus! Non vut, turpis hac, urna mid est auctor phasellus integer, integer risus nec, mus sit arcu a nunc. </p>
             </div>
				
			</div>
			
			<div id="bloco-forum">
				<div id="caixa-foruma">
				</div>
				<div id="caixa-forumb">
				</div>
	            <div id="caixa-forumc">
				</div>
			</div>
			
			
				
				<div id="footer-caixa-esquerda" class="grid_12"></div>
				<div id="footer-caixa-centro" class="grid_12"></div>
				<div id="footer-caixa-direita" class="grid_12"></div>
			<div id="footer" class="grid_12">
				<div id="facebook" class="grid_1">
				</div>
				
				<div id="twitter" class="grid_1">
				</div>
				
				<div id="google_plus" class="grid_1">
				</div>
				
				<ul class="lista-footer" id="coluna-1">
				<h1>Trabalho cientifico</h1>
					<li><a href="#" title="">Artigo cientifico</a></li>
					<li><a href="#" title="">Projeto de pesquisa</a></li>
					<li><a href="#" title="">Monografia</a></li><br />
					<li><a href="#" title="">Dissertação</a></li><br />
				</ul>
				<ul class="lista-footer" id="coluna-2">
				<h1>Metodologia do estudo</h1>
					<li><a href="#" title="">Pré-leitura, leitura e pós leitura</a></li>
					<li><a href="#" title="">Fichamentos e esquemas</a></li>
					<li><a href="#" title="">Princípios de leitura dinâmica</a></li>
					<li><a href="#" title="">Técnicas de memorização</a></li>
				</ul>
				<ul class="lista-footer" id="coluna-3">
				<h1>Como apresentar trabalhos</h1>
					<li><a href="#" title="">Delimitação do assunto</a></li>
					<li><a href="#" title="">Adequação da apresentação ao tema</a></li>
					<li><a href="#" title="">Técnicas para falar em público</a></li>
					<li><a href="#" title="">Elaboração de plano de aula</a></li>
					<li><a href="#" title="">Uso dos recursos audiovisuais</a></li>
				</ul>
				<ul class="lista-footer"  id="coluna-4">
				<h1>Pesquisa na internet</h1>
					<li><a href="#" title="">Mecanismos de busca</a></li>
					<li><a href="#" title="">Sites e blogs</a></li>
					<li><a href="#" title="">Rede de relacionamentos</a></li>					
				</ul>
				
			</div> <!-- fim do footer -->
		</div> <!-- End #wrapper danilo -->

	</body>
</html>